草庐IT

vue - Vuex

全部标签

javascript - 使用 Vuex 的 Vue.js 中的计算属性上的观察者未更新数据变量

fiddle:https://jsfiddle.net/mjvu6bn7/我有一个计算属性的观察者,它依赖于异步设置的Vuex存储变量。当这个计算属性发生变化时,我试图设置Vue组件的数据变量,但这并没有发生。这是Vue组件:newVue({el:'#app',store,data:{myVar:""},beforeMount(){this.$store.dispatch('FETCH_PETS',{}).then(()=>{console.log("fetchedpets")})},computed:{pets(){returnthis.$store.state.pets}},wat

javascript - 未在实例上定义但在渲染期间引用的属性或方法 I Vuex

我收到以下错误。[Vuewarn]:Propertyormethod"updateData"isnotdefinedontheinstancebutreferencedduringrender.Makesuretodeclarereactivedatapropertiesinthedataoption.据我所知,代码已经有了方法,所以由于我对Vuex的无知,我被困在了一些我错过的东西上。我用谷歌搜索了这个问题并得到了很多答案,但没有一个让我更明智地去做。我感觉这似乎是有范围的。我也遇到了下面的错误,但我怀疑这两者的根本原因相同,所以解决一个就会解决另一个。[Vuewarn]:Inval

javascript - 使用渲染功能时 Vue 组件不显示子文本节点

我正在尝试用Vue2做一个可编辑的组件。它应该在任何标签中使用contenteditable属性,替换普通输入。我想给它一个占位符功能,以便在用户没有提供任何值时显示一个值,但我似乎无法让它工作。我正在观察组件的当前值,并在不存在用户内容时将data.isEmpty设置为true。该组件随后应显示占位符值,但目前它什么都不显示。如果我console.logrender方法的结果,它将显示占位符子节点已正确实例化,但由于某些原因它不会显示在最终的HTML上。这是一个JSFiddle:https://jsfiddle.net/dy27fa8t/对于那些喜欢它的人来说,还有一个嵌入的片段:V

javascript - 尝试在 vue.js 中创建就地编辑样式表单

这是我第一次尝试使用vue创建任何东西。Here'saquickJSFiddledemo我正在尝试创建一个无需输入即可显示值的表单,然后单击,将显示输入。我已经设法让模型“工作”了,但我不太确定这是否是正确的方法。我不太确定:Vue.nextTick(function(){document.getElementById(field.id).focus();});另一方面,有没有推荐的输入验证库之类的?我真的很感激这里的任何指导方针:wink:谢谢! 最佳答案 关于您的第一个问题,我认为使用纯JavaScript专注于您的输入没有问题

javascript - 将 Vue.js 与 Typescript 一起使用时如何使用 vue-resource 等插件?

我开始使用Typescript并尝试将其应用到我的项目中。但是,我无法使用vue-resource等Vue.js插件。当我使用this.$http.post()我得到错误:errorTS2339:Property'$http'doesnotexistontype'typeofVue'.这是有道理的,因为我在类里面。但是我该怎么做呢?这是我的完整组件:SignupNamePleaseprovideaname.PasswordPleaseprovideapassword.importComponentfrom'vue-class-component'@Componentexportdefa

javascript - [Vue 警告] : Failed to resolve directive: bin

我是VueJS的新手。您好,尽管我的应用程序正在运行,但我在控制台中收到此错误,该错误阻止了jQuery。v-for="messageinmessages"遍历对象并尝试显示对象。但收到此错误Vuewarn]:Failedtoresolvedirective:bin@{{message.fileName}}@{{message.sentAt}}@{{message.content}}@{{message.sentAt}}实际上这是一个laravelblade所以不用担心@符号 最佳答案 我在添加v-bind指令后遇到了同样的错误。结

javascript - 如何检查 Vuex 状态对象是否为空

我有一个处于Vuex状态的初始空对象,它从API更新。conststate={someObject:{}}如何检查模板中的对象是否为空?ThisshouldnotdisplaywhensomeObjectisempty.检查状态对象是否已设置/为空的最佳做法是什么?我是否应该一开始就设置someObject:null/undefined/false,即使它希望用新对象更新?检查getter是否有意义?exportconstsomeObject=state=>Object.getOwnPropertyNames(state.someObject).length==0?state.some

javascript - Vue Js - 无法读取未定义的属性 - (但它在浏览器上呈现)

我在Vue上有这种奇怪的行为。我正在尝试呈现一个名为descrizione的对象的嵌套属性并且它有效!但在控制台中,我收到来自Vue的警告:TypeError:Cannotreadproperty'descrizione'ofundefined"这是我的代码:HTML{{modello.lineaGialla.descrizione}}{{modello.lineaBlu.descrizione}}JSON{"lineaGialla":{"class":"gialla","selected":false,"descrizione":"Questaèlineagialla","descr

javascript - import Vue from 'vue' 将 "different"Vue 导入不同的文件

这个问题可能更多地是关于Webpack和ES6import而不是Vue。我正在编写一个Vuex突变,将新的mykey:[]添加到state中的对象。这需要使用Vue.set(state.myobj,'mykey',[]),让新数组获得react性。但是,当我将Vue从'vue'导入到我的mutations.js并使用Vue.set(...)时,它并没有解决问题(它什么都不做)。问题似乎是Vue与我在main.js文件中创建Vue对象时在主js文件中使用的Vue不同。我已经确认问题与Vue导入mutations.js的方式有关。如果我在main.js中编写window.MY_VUE=Vu

javascript - 动态插入字符串上的 Vue 事件处理程序不起作用

这是我的代码:ClickMetoreplacedivcontentsexportdefault{data(){return{data:"Iwillbereplacedonceyouclickonbutton"}},methods:{clickMe(){alert("worked");},replace(){this.data="Whydoesclickmenotwork?ItisloadedfromserverviaajaxClickMe";}}};在这里,如果我点击ClickMetoreplacedivcontents,内容会被替换,但事件处理程序clickMe不会触发。该数据将来自